
<div class="page page-table" data-ng-controller="mainProyectoCtrl" >

    <section class="panel panel-default table-dynamic">
        <!--div class="table-filters">
            <div class="row">
                <div class="col-sm-4 col-xs-6">
                    <form>
                        <input type="text"
                               placeholder="Buscar..."
                               class="form-control"
                              >
                    </form>
                </div>
                <div class="col-sm-3 col-xs-6 filter-result-info">
                    <span>
                        Mostrando {{}} de {{}} registros
                    </span>              
                </div>
            </div>
        </div-->

        <table class="table table-bordered table-striped table-responsive">
            <thead>
                <tr>
                    <th><div class="th">
                        N°
                    </div></th>
                    <th><div class="th">
                        Proyecto
                    </div></th>
                    <th><div class="th">
                        Descripción
                    </div></th>
                    <th><div class="th">
                        Patrón
                    </div></th>
                    <th><div class="th">
                        Usuarios
                    </div></th>
                    <th><div class="th">
                        Estado
                    </div></th>
                    <th><div class="th">
                        Ver
                    </div></th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="proyecto in proyectos">
                    <td>{{$index +1}}</td>
                    <td>{{proyecto.nombre_proyecto}}</td>
                    <td>{{proyecto.descripcion}}</td>
                    <td>
                      <ul>
                        <dt ng-repeat="var in proyecto.variables"><a href="" ng-click=nuevoValor(var.id,proyecto.id)>{{var.variable}}</a></dt>
                      </ul>
                    </td>
                    <td>
                        <ul>
                            <dt ng-repeat="usu in proyecto.usuarios">
                                <a>{{usu.nombres}} {{usu.apellidos}}</a>
                            </dt>
                        </ul>
                    </td>
                    <td ng-if="proyecto.estatus == true"> <a href="javascript:;" class="btn-icon-lined btn-icon-round btn-icon-sm btn-success"><span class="glyphicon glyphicon-ok"></span></a></td>
                    <td ng-if="proyecto.estatus == false"> <a href="javascript:;" class="btn-icon-lined btn-icon-round btn-icon-sm btn-danger"><span class="glyphicon glyphicon-ok"></span></a></td>
                    <td><a href="" ng-click=ver(proyecto.id)><span class="glyphicon glyphicon-eye-open"></span></a></td>
                </tr>
            </tbody>
        </table>
        <a href="#/proyecto/nuevo" class="btn" ng-controller="nuevoProyecto" ><span class="glyphicon glyphicon-plus"></span> Nuevo Proyecto</a>
        
    </section>

</div>